<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>个人中心</title>

    <!-- 文件导入，共性抽取 -->
    <script src="../../static/v2/js/kimImport.js"></script>

    <link rel="icon" href="../../static/v2/images/favicon.ico">

    <!-- Bootstrap 4.0-->
    <link rel="stylesheet" href="../../static/libs/assets/vendor_components/bootstrap/dist/css/bootstrap.css">

    <!-- Bootstrap extend-->
    <link rel="stylesheet" href="../../static/v2/css/bootstrap-extend.css">

    <!-- theme style -->
    <link rel="stylesheet" href="../../static/v2/css/master_style.css">

    <!-- Fab Admin skins -->
    <link rel="stylesheet" href="../../static/v2/css/skins/_all-skins.css">

    <!-- Vector CSS -->
    <link href="../../static/libs/assets/vendor_components/jvectormap/lib2/jquery-jvectormap-2.0.2.css"
      rel="stylesheet" />

    <!-- Morris charts -->
    <link rel="stylesheet" href="../../static/libs/assets/vendor_components/morris.js/morris.css">

    <!-- 自己的公用样式 -->
    <link rel="stylesheet" href="../../static/v2/css/utils.css">


    <!-- 提示的样式 toast CSS -->
    <link href="../../static/libs/assets/vendor_components/jquery-toast-plugin-master/src/jquery.toast.css"
      rel="stylesheet">


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->
  </head>

  <style>
    .form-group {
      margin-bottom: 0.5rem;
    }
  </style>

  <body class="hold-transition skin-blue sidebar-mini">

    <!-- 遮罩层 -->
    <div class="kim-bg"></div>

    <div class="wrapper">

      <kimImport src="common/shareMain.html"></kimImport>


      <!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">



        <section class="content">

          <!-- Default box -->
          <div class="box">
            <div class="box-header with-border">
              <h3 class="box-title">产品说明</h3>

              <ul class="box-controls pull-right">
                <!-- <li><a class="box-btn-close" href="#"></a></li> -->
                <li><a class="box-btn-slide" href="#"></a></li>
                <!-- <li><a class="box-btn-fullscreen" href="#"></a></li> -->
              </ul>
            </div>
            <div class="box-body">
              <span class="mr-60">
                <p> 1、您提交成功后，评估买家资质需要10个工作日左右；</p>
              </span>
              <span class="mr-60">
                <p> 2、买家评估报告将会发送至您的邮箱，同时您也可以在“个人中心”当中下载；</p>
              </span>
              <span class="">
                <p>3、报告默认为英文版本，如需翻译成中文，请备注。</p>
              </span>

            </div>
            <div class="box-footer kim-jsc">
              <button type="button" class="btn btn-rounded btn-info kim-button">立即申请</button>
            </div>
          </div>
          <!-- /.box -->

        </section>


        <section class="content">
          <div class="row">

            <div class="col-12">

              <div class="box">
                <div class="box-header with-border">
                  <!-- <h3 class="box-title">纳税信用贷款</h3> -->
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                  <div class="table-responsive">
                    <table id="example1"
                      class="table table-bordered table-hover display nowrap margin-top-10 w-p100 dataTable">
                      <thead class="bg-secondary">
                        <tr>
                          <th>申请单号</th>
                          <th>买家名称</th>
                          <th>买家联系人</th>
                          <th>买家联系人电话</th>
                          <th>联系人邮箱</th>
                          <th>状态</th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td>刘一鸣</td>
                          <td>System Architect</td>
                          <td>Edinburgh</td>
                          <td>63</td>
                          <td>7533524@qq.com</td>
                          <td><button type="button"
                              class="btn btn-outline btn-rounded btn-danger kim-btn-empty">待跟进</button></td>
                        </tr>
                        <tr>
                          <td>何林</td>
                          <td>Accountant</td>
                          <td>Tokyo</td>
                          <td>63</td>
                          <td>7533524@qq.com</td>
                          <td><button type="button"
                              class="btn btn-outline btn-rounded btn-danger kim-btn-empty">待跟进</button></td>

                        </tr>
                        <tr>
                          <td>锦涛</td>
                          <td>广州市荣晶科技有限公司</td>
                          <td>San Francisco</td>
                          <td>66</td>
                          <td>753556524@qq.com</td>
                          <td><button type="button"
                              class="btn btn-outline btn-rounded btn-danger kim-btn-empty">待跟进</button></td>
                        </tr>
                        <tr>
                          <td>Kim</td>
                          <td>Senior Javascript Developer</td>
                          <td>Edinburgh</td>
                          <td>753556524@qq.com</td>
                          <td>22</td>
                          <td><button type="button"
                              class="btn btn-outline btn-rounded btn-danger kim-btn-empty">待跟进</button></td>
                        </tr>
                        <tr>
                          <td>李庆峰</td>
                          <td>Accountant</td>
                          <td>Tokyo</td>
                          <td>33</td>
                          <td>2008/11/28</td>
                          <td>753556524@qq.com</td>
                        </tr>

                        <tr>
                          <td>李庆峰</td>
                          <td>Accountant</td>
                          <td>Tokyo</td>
                          <td>33</td>
                          <td>2008/11/28</td>
                          <td>753556524@qq.com</td>
                        </tr>


                        <tr>
                          <td>李庆峰</td>
                          <td>Accountant</td>
                          <td>Tokyo</td>
                          <td>33</td>
                          <td>2008/11/28</td>
                          <td>753556524@qq.com</td>
                        </tr>

                        <tr>
                          <td>李庆峰</td>
                          <td>Accountant</td>
                          <td>Tokyo</td>
                          <td>33</td>
                          <td>2008/11/28</td>
                          <td>753556524@qq.com</td>
                        </tr>

                        <tr>
                          <td>李庆峰</td>
                          <td>Accountant</td>
                          <td>Tokyo</td>
                          <td>33</td>
                          <td>2008/11/28</td>
                          <td>753556524@qq.com</td>
                        </tr>
                        <tr>
                          <td>李庆峰</td>
                          <td>Accountant</td>
                          <td>Tokyo</td>
                          <td>33</td>
                          <td>2008/11/28</td>
                          <td>753556524@qq.com</td>
                        </tr>
                        <tr>
                          <td>李庆峰</td>
                          <td>Accountant</td>
                          <td>Tokyo</td>
                          <td>33</td>
                          <td>2008/11/28</td>
                          <td>753556524@qq.com</td>
                        </tr>
                        <tr>
                          <td>李庆峰</td>
                          <td>Accountant</td>
                          <td>Tokyo</td>
                          <td>33</td>
                          <td>2008/11/28</td>
                          <td>753556524@qq.com</td>
                        </tr>

                        <tr>
                          <td>李庆峰</td>
                          <td>Accountant</td>
                          <td>Tokyo</td>
                          <td>33</td>
                          <td>2008/11/28</td>
                          <td>753556524@qq.com</td>
                        </tr>
                        <tr>
                          <td>李庆峰</td>
                          <td>Accountant</td>
                          <td>Tokyo</td>
                          <td>33</td>
                          <td>2008/11/28</td>
                          <td>753556524@qq.com</td>
                        </tr>
                        <tr>
                          <td>李庆峰</td>
                          <td>Accountant</td>
                          <td>Tokyo</td>
                          <td>33</td>
                          <td>2008/11/28</td>
                          <td>753556524@qq.com</td>
                        </tr>
                        <tr>
                          <td>李庆峰</td>
                          <td>Accountant</td>
                          <td>Tokyo</td>
                          <td>33</td>
                          <td>2008/11/28</td>
                          <td>753556524@qq.com</td>
                        </tr>
                        <tr>
                          <td>李庆峰</td>
                          <td>Accountant</td>
                          <td>Tokyo</td>
                          <td>33</td>
                          <td>2008/11/28</td>
                          <td>753556524@qq.com</td>
                        </tr>
                        <tr>
                          <td>李庆峰</td>
                          <td>Accountant</td>
                          <td>Tokyo</td>
                          <td>33</td>
                          <td>2008/11/28</td>
                          <td>753556524@qq.com</td>
                        </tr>
                        <tr>
                          <td>李庆峰</td>
                          <td>Accountant</td>
                          <td>Tokyo</td>
                          <td>33</td>
                          <td>2008/11/28</td>
                          <td>753556524@qq.com</td>
                        </tr>
                        <tr>
                          <td>李庆峰</td>
                          <td>Accountant</td>
                          <td>Tokyo</td>
                          <td>33</td>
                          <td>2008/11/28</td>
                          <td>753556524@qq.com</td>
                        </tr>
                        <tr>
                          <td>李庆峰</td>
                          <td>Accountant</td>
                          <td>Tokyo</td>
                          <td>33</td>
                          <td>2008/11/28</td>
                          <td>753556524@qq.com</td>
                        </tr>
                        <tr>
                          <td>李庆峰</td>
                          <td>Accountant</td>
                          <td>Tokyo</td>
                          <td>33</td>
                          <td>2008/11/28</td>
                          <td>753556524@qq.com</td>
                        </tr>
                        <tr>
                          <td>李庆峰</td>
                          <td>Accountant</td>
                          <td>Tokyo</td>
                          <td>33</td>
                          <td>2008/11/28</td>
                          <td>753556524@qq.com</td>
                        </tr>
                        <tr>
                          <td>李庆峰</td>
                          <td>Accountant</td>
                          <td>Tokyo</td>
                          <td>33</td>
                          <td>2008/11/28</td>
                          <td>753556524@qq.com</td>
                        </tr>
                        <tr>
                          <td>李庆峰</td>
                          <td>Accountant</td>
                          <td>Tokyo</td>
                          <td>33</td>
                          <td>2008/11/28</td>
                          <td>753556524@qq.com</td>
                        </tr>
                        <tr>
                          <td>李庆峰</td>
                          <td>Accountant</td>
                          <td>Tokyo</td>
                          <td>33</td>
                          <td>2008/11/28</td>
                          <td>753556524@qq.com</td>
                        </tr>


                        <tr>
                          <td>Donna Snider</td>
                          <td>Customer Support</td>
                          <td>New York</td>
                          <td>27</td>
                          <td>753556524@qq.com</td>
                          <td>2011/01/25</td>
                        </tr>
                      </tbody>

                      <tfoot>
                        <tr>
                          <th colspan="6" class="kim-text-center">暂未查到你想要的内容</th>
                        </tr>
                      </tfoot>

                    </table>
                  </div>
                </div>
              </div>

            </div>
          </div>
        </section>



        <div class="col-lg-8 col-12 kim-box-display  kim-position-ab-cool-style">

          <div class="box kim-box-display">
            <div class="box-header with-border">
              <h4 class="box-title kim-title">立即申请/Apply</h4>
              <ul class="box-controls pull-right">
                <li><a class="kim-close box-btn-close" href="#"></a></li>
                <li><a class="box-btn-fullscreen" href="#"></a></li>
              </ul>
            </div>
            <div class="box-body">


              <div class="form-group">
                <div class="row">
                  <div class="col-6">
                    <label><i class="kim-i-red">*&nbsp;&nbsp;</i>买家名称:</label>
                    <div class="input-group">
                      <div class="input-group-addon">
                        <i class="fa fa-user-o"></i>
                      </div>
                      <input type="text" class="form-control" data-inputmask="'alias': 'dd/mm/yyyy'" data-mask="">
                    </div>
                  </div>

                  <div class="col-6">
                    <label><i class="kim-i-red">*&nbsp;&nbsp;</i>注册号:</label>
                    <div class="input-group">
                      <div class="input-group-addon">
                        <i class="fa fa-registered"></i>
                      </div>
                      <input type="text" class="form-control" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask="">
                    </div>
                  </div>
                </div>
              </div>

              <!-- phone mask -->
              <div class="form-group">
                <label><i class="kim-i-red">*&nbsp;&nbsp;</i>买家地址:</label>
                <div class="input-group">
                  <div class="input-group-addon">
                    <i class="fa fa-address-book-o"></i>
                  </div>
                  <input type="text" class="form-control" data-inputmask="'mask':[ '(999) 999-9999']" data-mask="">
                </div>
                <!-- /.input group -->
              </div>
              <!-- /.form group -->

              <!-- phone mask -->
              <div class="form-group">
                <label><i class="kim-i-red">*&nbsp;&nbsp;</i>买家联系人(职位):</label>
                <div class="input-group">
                  <div class="input-group-addon">
                    <i class="fa  fa-user-circle-o"></i>
                  </div>
                  <input type="text" class="form-control"
                    data-inputmask="'mask': ['999-999-9999 [x99999]', '+099 99 99 9999[9]-9999']" data-mask=""
                    placeholder="示例:张三(总经理)">
                </div>
                <!-- /.input group -->
              </div>
              <!-- /.form group -->

              <!-- IP mask -->
              <div class="form-group">
                <label><i class="kim-i-red">*&nbsp;&nbsp;</i>联系人邮箱:</label>

                <div class="input-group">
                  <div class="input-group-addon">
                    <i class="mdi mdi-email-outline"></i>
                  </div>
                  <input type="text" class="form-control" data-inputmask="'alias': 'ip'" data-mask=""
                    placeholder="请输入公司邮箱">
                </div>
              </div>

              <div class="form-group">
                <div class="row">
                  <div class="col-6">
                    <label><i class="kim-i-red">*&nbsp;&nbsp;</i>联系人直线电话:</label>
                    <div class="input-group">
                      <div class="input-group-addon">
                        <i class="fa fa-phone"></i>
                      </div>
                      <input type="text" class="form-control" data-inputmask="'alias': 'dd/mm/yyyy'" data-mask="">
                    </div>
                  </div>

                  <div class="col-6">
                    <label><i class="kim-i-red">*&nbsp;&nbsp;</i>是否存在历史交易:</label>
                    <div class="input-group">
                      <div class="input-group-addon">
                        <i class="fa fa-exchange"></i>
                      </div>
                      <input type="text" class="form-control" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask="">
                    </div>
                  </div>
                </div>
              </div>

              <div class="form-group">
                <label><i class="kim-i-red">*&nbsp;&nbsp;</i>买家网址:</label>

                <div class="input-group">
                  <div class="input-group-addon">
                    <i class="mdi mdi-wan"></i>
                  </div>
                  <input type="text" class="form-control" data-inputmask="'alias': 'ip'" data-mask="" placeholder="">
                </div>
              </div>



              <div class="form-group">
                <div class="row">
                  <div class="col-6">
                    <label><i class="kim-i-red">*&nbsp;&nbsp;</i>运输方式:</label>
                    <div class="input-group">
                      <div class="input-group-addon">
                        <i class="fa fa-truck"></i>
                      </div>
                      <input type="text" class="form-control" data-inputmask="'alias': 'dd/mm/yyyy'" data-mask="">
                    </div>
                  </div>

                  <div class="col-6">
                    <label><i class="kim-i-red">*&nbsp;&nbsp;</i>出口商品名称:</label>
                    <div class="input-group">
                      <div class="input-group-addon">
                        <i class="mdi mdi-export"></i>
                      </div>
                      <input type="text" class="form-control" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask="">
                    </div>
                  </div>
                </div>
              </div>


              <div class="form-group">
                <div class="row">
                  <div class="col-6">
                    <label><i class="kim-i-red">*&nbsp;&nbsp;</i>付款方式:</label>
                    <div class="input-group">
                      <div class="input-group-addon">
                        <i class="fa  fa-credit-card"></i>
                      </div>
                      <input type="text" class="form-control" data-inputmask="'alias': 'dd/mm/yyyy'" data-mask="">
                    </div>
                  </div>

                  <div class="col-6">
                    <label><i class="kim-i-red">*&nbsp;&nbsp;</i>年销售量:</label>
                    <div class="input-group">
                      <div class="input-group-addon">
                        <i class="fa  fa-bar-chart"></i>
                      </div>
                      <input type="text" class="form-control" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask="">
                    </div>
                  </div>
                </div>
              </div>


              <div class="form-group">
                <div class="row">
                  <div class="col-6">
                    <label><i class="kim-i-red">*&nbsp;&nbsp;</i>所需信用额度:</label>
                    <div class="input-group">
                      <div class="input-group-addon">
                        <i class="fa  fa-usd"></i>
                      </div>
                      <input type="text" class="form-control" data-inputmask="'alias': 'dd/mm/yyyy'" data-mask=""
                        placeholder="示例 金额+币种">
                    </div>
                  </div>

                  <div class="col-6">
                    <label><i class="kim-i-red">*&nbsp;&nbsp;</i>预计年销售额:</label>
                    <div class="input-group">
                      <div class="input-group-addon">
                        <i class="fa fa-line-chart"></i>
                      </div>
                      <input type="text" class="form-control" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask=""
                        placeholder="示例 金额+币种">
                    </div>
                  </div>
                </div>
              </div>




              <div class="form-group">
                <label><i class="kim-i-red">*&nbsp;&nbsp;</i>供应商名称:</label>

                <div class="input-group">
                  <div class="input-group-addon">
                    <i class="fa fa-address-book"></i>
                  </div>
                  <input type="text" class="form-control" data-inputmask="'alias': 'ip'" data-mask="" placeholder="">
                </div>
              </div>

              <div class="form-group">
                <label><i class="kim-i-red">*&nbsp;&nbsp;</i>供应商网址:</label>

                <div class="input-group">
                  <div class="input-group-addon">
                    <i class="mdi mdi-web "></i>
                  </div>
                  <input type="text" class="form-control" data-inputmask="'alias': 'ip'" data-mask="" placeholder="">
                </div>
              </div>




              <div class="form-group">
                <div class="row">
                  <div class="col-6">
                    <label><i class="kim-i-red">*&nbsp;&nbsp;</i>供应商地址:</label>
                    <div class="input-group">
                      <div class="input-group-addon">
                        <i class="mdi mdi-cube-outline"></i>
                      </div>
                      <input type="text" class="form-control" data-inputmask="'alias': 'dd/mm/yyyy'" data-mask=""
                        placeholder="示例 金额+币种">
                    </div>
                  </div>


                  <div class="col-6">
                    <label><i class="kim-i-red">*&nbsp;&nbsp;</i>供应商负责人:</label>
                    <div class="input-group">
                      <div class="input-group-addon">
                        <i class="mdi mdi-account-edit"></i>
                      </div>
                      <input type="text" class="form-control" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask=""
                        placeholder="示例 金额+币种">
                    </div>
                  </div>
                </div>
              </div>


              <div class="form-group">
                <div class="row">
                  <div class="col-6">
                    <label><i class="kim-i-red">*&nbsp;&nbsp;</i>负责人电话:</label>
                    <div class="input-group">
                      <div class="input-group-addon">
                        <i class="mdi mdi-cellphone"></i>
                      </div>
                      <input type="text" class="form-control" data-inputmask="'alias': 'dd/mm/yyyy'" data-mask=""
                        placeholder="示例 金额+币种">
                    </div>
                  </div>

                  <div class="col-6">
                    <label><i class="kim-i-red">*&nbsp;&nbsp;</i>负责人邮箱:</label>
                    <div class="input-group">
                      <div class="input-group-addon">
                        <i class="mdi mdi-email-outline"></i>
                      </div>
                      <input type="text" class="form-control" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask=""
                        placeholder="示例 金额+币种">
                    </div>
                  </div>
                </div>
              </div>


              <div class="kim-jsc">
                <button class="tst1 btn btn-info btn-rounded">马上申请</button>
                <button class="tst2 btn btn-warning btn-rounded ml-15">取消申请</button>
              </div>




            </div>
          </div>

        </div>






        </section>
      </div>


      <kimImport src="common/footer.html"></kimImport> <!-- 导入尾部 -->
      <kimImport src="common/controlSidebar.html"></kimImport> <!-- 导入右侧栏的控制滑块 -->


    </div>
    <!-- ./wrapper -->



    <!-- jQuery 3 -->
    <script src="../../static/libs/assets/vendor_components/jquery/dist/jquery.min.js"></script>

    <!-- popper -->
    <script src="../../static/libs/assets/vendor_components/popper/dist/popper.min.js"></script>

    <!-- Bootstrap 4.0-->
    <script src="../../static/libs/assets/vendor_components/bootstrap/dist/js/bootstrap.min.js"></script>

    <!-- SlimScroll -->
    <script src="../../static/libs/assets/vendor_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>

    <!-- FastClick -->
    <script src="../../static/libs/assets/vendor_components/fastclick/lib/fastclick.js"></script>

    <!-- Fab Admin App -->
    <script src="../../static/v2/js/template.js"></script>

    <!-- Fab Admin for demo purposes -->
    <script src="../../static/v2/js/demo.js"></script>

    <!-- This is data table -->
    <script src="../../static/libs/assets/vendor_components/datatable/datatables.js"></script>
    <!-- <script src="../../static/libs/assets/vendor_components/datatable/datatables.min.js"></script> -->

    <!-- Fab Admin dashboard demo (This is only for demo purposes) -->
    <!-- <script src="js/pages/dashboard.js"></script> -->

    <!-- Fab Admin for Data Table -->
    <script src="../../static/v2/js/pages/data-table.js"></script>

    <!-- 自定义公共样式 -->
    <script src="../../static/v2/js/utils.js"></script>

    <!-- Vector map JavaScript -->
    <script src="../../static/libs/assets/vendor_components/jvectormap/lib2/jquery-jvectormap-2.0.2.min.js"></script>
    <script src="../../static/libs/assets/vendor_components/jvectormap/lib2/jquery-jvectormap-world-mill-en.js">
    </script>
    <script src="../../static/libs/assets/vendor_components/jvectormap/lib2/jquery-jvectormap-us-aea-en.js"></script>


    <script>
      dragFloatingLayer(".kim-button", ".kim-box-display", ".kim-title", ".kim-bg") //kim-position kim-box kim-close
    </script>


    <!-- toast -->
    <script src="../../static/libs/assets/vendor_components/jquery-toast-plugin-master/src/jquery.toast.js"></script>
    <script src="../../static/v2/js/pages/toastr.js"></script>
    <script type="text/javascript">
      //Alerts
      $(".myadmin-alert .closed").click(function (event) {
        $(this).parents(".myadmin-alert").fadeToggle(350);
        return false;
      });
      /* Click to close */
      $(".myadmin-alert-click").click(function (event) {
        $(this).fadeToggle(350);
        return false;
      });
      $(".showtop").click(function () {
        $(".alerttop").fadeToggle(350);
      });
      $(".showtop2").click(function () {
        $(".alerttop2").fadeToggle(350);
      });
      /** Alert Position Bottom  **/
      $(".showbottom").click(function () {
        $(".alertbottom").fadeToggle(350);
      });
      $(".showbottom2").click(function () {
        $(".alertbottom2").fadeToggle(350);
      });
      /** Alert Position Top Left  **/
      $("#showtopleft").click(function () {
        $("#alerttopleft").fadeToggle(350);
      });
      /** Alert Position Top Right  **/
      $("#showtopright").click(function () {
        $("#alerttopright").fadeToggle(350);
      });
      /** Alert Position Bottom Left  **/
      $("#showbottomleft").click(function () {
        $("#alertbottomleft").fadeToggle(350);
      });
      /** Alert Position Bottom Right  **/
      $("#showbottomright").click(function () {
        $("#alertbottomright").fadeToggle(350);
      });
    </script>


  </body>

</html>